.media{position:relative;padding-bottom:15px;border-bottom:1px solid #e7e7e7}
.dy-last{border:0}
.media-heading{position:relative;margin-bottom:8px;height:50px;line-height:25px;font-size:18px;margin-top:0;font-family:'microsoft yahei';color:#000}
@media (max-width:992px){.media-heading{font-size:16px}
}
.media-heading>a{color:#000}
.media-heading>a:hover{color:#0568b0}
.media-body{position:relative;height:140px;zoom:1}
.media-body .content{overflow:hidden;position:relative;z-index:10;height:48px;font-size:16px;line-height:24px;font-family:'microsoft yahei';color:#666;margin:0}
.media-body .content>a{overflow:hidden;color:#666}
.media-body .content>a:hover{color:#0568b0}
.media-body .content-baffle{position:relative;display:inline-block;vertical-align:top;width:20px;height:28px}
.media-body .content-baffle:after{position:absolute;left:0;top:0;z-index:1;width:1000px;height:100px;content:"";background:#fff}
.media-body .content:after{position:absolute;z-index:0;bottom:0;right:0;width:60px;height:28px;padding:0 0 0 40px;text-align:left;content:"...";background:url(../images/ellipsis_bg.png) repeat-y}
.media-body .bottom{position:absolute;bottom:0;font-size:14px;line-height:14px;z-index:20}
.media-body .bottom i{color:#999;margin-right:6px}
.media-body .bottom .date{color:#999;margin-right:16px}
.media-body .bottom .source{color:#999}
.media-object{position:relative;width:219px;height:146px;overflow:hidden}
.media-object.image-scale-1{padding:0}
.dynamic{margin-bottom:30px}
@media (max-width:767px){.dynamic{margin-bottom:10px}
}
.rumor-r-desc{height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rumor-r-desc>span>a{font-size:16px;line-height:30px}
.atabFooter{margin:-504px 0 0}
@media (max-width:767px){.atabFooter{margin-top:-116px}
}
.atab{margin:-223px 0 0;padding:223px 0 504px;width:100%;min-height:100%}
@media (max-width:767px){.atab{margin:-130px 0 0;padding:130px 0 116px}
}
.title .news{padding-right:10px;line-height:30px;height:30px;font-family:'microsoft yahei';font-size:24px;color:#000;float:left}
@media (max-width:992px){.title .news{padding-right:6px;line-height:20px;height:20px;font-size:16px}
}
.news-page{margin-top:35px}
.news-page .pagination{border-radius:0;width:100%;text-align:center}
.news-page .pagination .up>a{background-color:#f5f5f5;float:left}
.news-page .pagination .next>a{background-color:#f5f5f5;float:right}
.news-page .pagination .page>li{list-style:none;padding:0;margin:0;display:inline-block}
.news-page .pagination .page>li>a{margin-left:5px;margin-right:5px;display:inline-block;color:#9698a5;border:1px solid #fff}
.news-page .pagination .page{display:inline-block;margin:auto}
.news-page .pagination .page>li>a:hover{color:#00bff3;background:0 0;border-bottom:1px solid #00bff3}
.news-page .pagination .page>.active>a,.news-page .pagination .page>.active>a:focus,.news-page .pagination .page>.active>a:hover{color:#00bff3;background:0 0;border-bottom:1px solid #00bff3}
.news-page .pagination .next>a:hover,.news-page .pagination .up>a:hover{background-color:#00bff3;color:#fff}
@media (min-width:768px) and (max-width:992px){.dynamic-news{margin-bottom:33px}
.digital{height:480px}
.project{height:480px}
.media-object-v{height:170px}
}
@media (min-width:479px) and (max-width:767px){.dynamic-news{margin-bottom:0}
.digital{height:380px}
.project{height:380px}
.media-object-v{height:380px}
.media-heading{position:relative;height:auto}
.media-body{position:relative;height:auto}
.media-body .bottom{position:relative}
}
@media (max-width:479px){.dynamic-news{margin-bottom:0}
.media-body{display:block;width:100%}
.media-left{display:block;width:100%;height:198px;padding:0;margin-bottom:10px}
.media-object{position:relative;width:100%;height:100%}
.media-object-v{height:198px}
.media-heading{position:relative;height:auto}
.media-body{position:relative;height:auto}
.media-body .bottom{position:relative}
}
#articleList{overflow:hidden;padding-left:20px}
@media (max-width:1200px){#articleList{padding-left:30px}
}
@media (max-width:767px){#articleList{padding-left:0;text-align:center}
}
.ch-item{float:left;position:relative;margin:10px;border-radius:50%;width:200px;height:200px;box-sizing:border-box;cursor:default;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background:url(../images/noHeader.png) no-repeat;background-size:cover}
@media (max-width:767px){.ch-item{display:inline-block;float:none;width:100px;height:100px}
}
.ch-info{position:absolute;padding:30% 0;background:rgba(10,118,202,.9);width:inherit;height:inherit;border-radius:50%;text-align:center;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-backface-visibility:hidden}
.ch-info h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff}
.ch-info h3>a{color:#fff;text-transform:uppercase;font-size:20px;font-weight:700;line-height:30px;font-family:'microsoft yahei'}
.ch-info div{margin:0 20px}
.ch-info div>a{color:#fff;text-transform:uppercase;font-size:18px;line-height:30px;font-family:'microsoft yahei';display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ch-item:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 1px 2px rgba(0,0,0,.1)}
.ch-item:hover .ch-info{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
